<template>
<div>
  <el-form ref="form" :inline="true" :model="form" label-width="80px">

    <el-form-item label="金融产品选择">
      <el-select v-model="form.region" placeholder="请选择活动区域">
        <el-option label="请选择" value="0"></el-option>
        <el-option label="应收租约保理B套餐" value="1"></el-option>
        <el-option label="金融" value="2"></el-option>
        <el-option label="管理" value="3"></el-option>
        <el-option label="T1" value="4"></el-option>
        <el-option label="对私" value="5"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="授信额度">
      <el-input v-model="form.sxed"></el-input>
    </el-form-item>%
    <br>
    <el-form-item label="年一次性服务费率">
      <el-input v-model="form.fwfl"></el-input>
    </el-form-item>%
    <el-form-item label="年利润">
      <el-input v-model="form.nlr"></el-input>
    </el-form-item>%
  </el-form>
  <el-button @click="add" type="warning">添加租房合同</el-button>
  <el-button type="primary"@click="adds"  :loading="false">加载中</el-button>

  <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="date"
      label="序号"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="房产信息"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="房源编号">
    </el-table-column>
    <el-table-column
      prop="address"
      label="租客姓名">
    </el-table-column>
    <el-table-column
      prop="address"
      label="租客手机号">
    </el-table-column>
    <el-table-column
      prop="address"
      label="应收租约金额">
    </el-table-column>
    <el-table-column
      prop="address"
      label="保理授信额度">
    </el-table-column>
    <el-table-column
      prop="address"
      label="保理利息">
    </el-table-column>
    <el-table-column
      prop="address"
      label="借款期限">
    </el-table-column>
    <el-table-column
      prop="address"
      label="操作">
    </el-table-column>
  </el-table>
  <el-form ref="form" :inline="true" :model="forms" label-width="80px">
    <el-form-item label="应收租约合计">
      <el-input disabled v-model="forms.name"></el-input>
    </el-form-item>
    <el-form-item label="保理授信金额合计">
      <el-input disabled v-model="forms.name"></el-input>
    </el-form-item><br>
    <el-form-item label="服务费约合">
      <el-input disabled v-model="forms.name"></el-input>
    </el-form-item>
    <el-form-item  disabled label="保理利息合计">
      <el-input disabled v-model="forms.name"></el-input>
    </el-form-item><br>
    <el-form-item label="实收保理金额">
      <el-input disabled v-model="forms.name"></el-input>
    </el-form-item><br>
    <el-form-item label="备注" prop="desc">
      <el-input type="textarea"  v-model="forms.desc"></el-input>
    </el-form-item>
  </el-form>
  <el-button @click="add" type="warning">提交申请</el-button>
</div>
</template>

<script>
export default {
  name: "index",
  data(){
    return{
      form:{},
      tableData:[],
      forms:{}
    }
  },created() {

  },methods:{
    adds:{

    },
    add:{

    }
  }
}
</script>

<style scoped>

</style>
